import * as React from 'react';
import Svg, { Circle, Defs, LinearGradient, Path, Stop, SvgProps } from 'react-native-svg';

const ENSCircleIcon = (props: SvgProps) => (
  <Svg height={317} viewBox="0 0 317 317" width={317} {...props}>
    <Circle cx={158.5} cy={158.5} fill="url(#gradient)" r={158.5} />
    <Path
      d="M81.718 135.8c2.3 4.9 8 14.6 8 14.6l65.5-108.3-64 44.6c-3.8 2.5-6.9 6-9.1 10-5.9 12.3-6 26.6-.4 39.1ZM55.718 171.4c1.5 21 11.9 40.3 28.6 53l70.7 49.3s-44.2-63.8-81.6-127.2c-3.8-6.7-6.3-14-7.5-21.6-.5-3.4-.5-6.9 0-10.4-1 1.8-2.9 5.5-2.9 5.5-3.8 7.7-6.4 16-7.6 24.5-.6 8.9-.6 18 .3 26.9ZM236.118 180c-2.3-4.9-8-14.6-8-14.6l-65.5 108.3 63.9-44.6c3.8-2.5 6.9-6 9.1-10 6-12.4 6.1-26.7.5-39.1ZM262.118 144.3c-1.5-21-11.9-40.3-28.6-53l-70.7-49.3s44.2 63.8 81.6 127.2c3.8 6.7 6.3 14 7.5 21.6.5 3.4.5 6.9 0 10.4 1-1.8 2.9-5.5 2.9-5.5 3.8-7.7 6.4-16 7.6-24.5.6-8.9.6-17.9-.3-26.9Z"
      fill="#fff"
    />
    <Path
      d="M82.118 96.7c2.2-4 5.3-7.5 9.1-10l63.9-44.6-65.5 108.3s-5.7-9.7-8-14.6c-5.6-12.5-5.4-26.8.5-39.1Zm-26.4 74.7c1.5 21 11.9 40.3 28.6 53l70.7 49.3s-44.2-63.8-81.6-127.2c-3.8-6.7-6.3-14-7.5-21.6-.5-3.4-.5-6.9 0-10.4-1 1.8-2.9 5.5-2.9 5.5-3.8 7.7-6.4 16-7.6 24.5-.6 8.9-.6 18 .3 26.9Zm180.3 8.6c-2.3-4.9-8-14.6-8-14.6l-65.4 108.3 63.9-44.6c3.8-2.5 6.9-6 9.1-10 5.9-12.3 6.1-26.6.4-39.1Zm26-35.6c-1.5-21-11.9-40.3-28.6-53l-70.6-49.3s44.2 63.8 81.6 127.2c3.8 6.7 6.3 14 7.5 21.6.5 3.4.5 6.9 0 10.4 1-1.8 2.9-5.5 2.9-5.5 3.8-7.7 6.4-16 7.6-24.5.7-9 .7-18-.2-27l-.2.1Z"
      fill="#fff"
    />
    <Defs>
      <LinearGradient gradientUnits="userSpaceOnUse" id="gradient" x1={71} x2={250} y1={29} y2={289}>
        <Stop stopColor="#8597F3" />
        <Stop offset={1} stopColor="#6AB1EC" />
      </LinearGradient>
    </Defs>
  </Svg>
);

export default ENSCircleIcon;
